<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta content="width=device-width, initial-scale=1"
          name="viewport">
    <title>东软云医院HIS系统v1.0</title>
    <link href="login/bootstrap.css"
          rel="stylesheet"/>
    <style>
        body {
            background-image: url(/img/bg-login.png);
            background-size: 100% 100%;
            background-repeat: no-repeat;
            font-family: "microsoft yahei", serif;
            width: 100vw;
            height: 100vh;
        }

        body > article {
            position: relative;
            top: 230px;
            width: 500px;
            margin: auto;
            padding-bottom: 40px;
            background-color: white;
            border-radius: 20px;
            opacity: 0.8;
        }

    </style>

</head>
<body>
<article class="container-fluid">
    <div>
        <h1 style="text-align: center;">东软云医院HIS系统v1.0</h1>
    </div>
    <form class="form-horizontal"
         @submit.prevent="onFormSubmit">
        <div class="form-group">
            <label class="col-md-2 control-label col-md-offset-1"
                   for="accountEL">账号
            </label>
            <div class="input-group col-sm-7">
                <div class="input-group-addon">
                    <span aria-hidden="true"
                          class="glyphicon glyphicon-user"></span>
                </div>
                <input class="form-control"
                       id="accountEL"
                       placeholder="请输入账号"
                       v-model="form.account"
                       type="text">
            </div>
        </div>
        <div class="form-group">
            <label class="col-md-2 control-label col-md-offset-1"
                   for="passwordEL">密码
            </label>
            <div class="col-md-7 input-group">
                <div class="input-group-addon">
                    <span aria-hidden="true"
                          class="glyphicon glyphicon-lock"></span>
                </div>
                <input class="form-control"
                       id="passwordEL"
                       v-model="form.password"
                       placeholder="请输入密码"
                       :type="showPassword?'text':'password'">
                <div class="input-group-addon" @click="showPassword=!showPassword">
                    <span :class="showPasswordBtnClass"  class="glyphicon"></span>
                </div>
            </div>
        </div>
        <div style="text-align: center">
                <button class="btn btn-primary"
                        type="button">忘记密码？
                </button>
                <button class="btn btn-success"
                        type="submit">&emsp;登&emsp;&emsp;录&emsp;
                </button>
        </div>
    </form>
</article>
<script src="/weblib/toast.js"     ></script>
<script src="/weblib/vue.js"     ></script>
<script src="/weblib/axios.js"     ></script>
<script src="/login/model.js"></script>
</body>
</html>
